// Tree shaking 的概念就是，只打包又导出的模块，没有导出的模块就不打包
// 首先要在 webpack.config 中配置 optimization.usedExports: true，这样才会启用Tree shaking
// 还要在package.json 配置 slideEffects
// sideEffects: false 所有的文件都使用Tree shaking
// sideEffects: ["@babel/polyfill"] 除了@babel/polyfill以外，其它的文件都使用Tree shaking
// sideEffects: ["./src/4-1 Tree shaking/*"] 除了src/4-1 Tree shaking下所有文件以外，其它的文件都使用Tree shaking
// sideEffects: ["*.css"] 除了css文件以外，其它的文件都使用Tree shaking
// sideEffects 在development情况下是都正常的，是为了防止devtool调试错误，而在production下就会显现出它的作用

import './style.css'
import { add } from './modules'
add(1, 2)

document.getElementById('root').innerHTML = 'hello word'